//正则
// let button = document.querySelector(".button");
// let text = document.querySelector(".text");
// let password = document.querySelector(".password");
// // let reg = /^[0-9a-z]{5,10}$/i;
// // if (reg.test(text.value) == true && reg.test(password.value) == true) {
// //     button.removeAttribute("disabled");
// //     console.log(1);
// // }
// // if (!text.value && !password.value) {
// //     // console.log(1);
// // } else {
// //     console.log(2);
// //     button.removeAttribute("disabled");
// // }


// button.onclick = function (e) {
//     e.preventDefault();
//     text.value = "";
//     password.value = "";
//     console.log(100);
// };
window.onload = function () {
    /* 
        【1】获取元素
        【2】发送登录请求的
            +   登录成功的时候 需要把用户名存储天cookie中
            +   当登录失败的时候 需要重新登录
        【3】发送一个注册请求
            +   注册成功的时候 那么就可以用注册的用户名和密码进行登录
    */
    let loginForm = document.querySelector(".button");
    let loginUser = document.querySelector(".text");
    let loginPass = document.querySelector(".password");

    // let registForm = document.querySelector(".regist");
    // let registUser = document.querySelector("#registUser");
    // let registPass = document.querySelector("#registPass");
    loginForm.onclick = function (e) {
        e = e || window.event;
        e.preventDefault();
        console.log(10);

        let p = pAjax({
            url: "./login.php",
            type: "post",
            data: {
                username: loginUser.value,
                password: loginPass.value, //对应 $password = $_POST['password'];
            },
        });
        p.then((res) => {
            res = JSON.parse(res);
            console.log(res);
            if (res.code) {
                console.log(1);
                // 表示登录成功
                // 把用户名存在cookie中
                setCookie("login", loginUser.value);
                // 设置cookie是用来辅助看看是从哪个页面跳转到登录页面来
                // 如果是从详情页或者购物车过来的，登录成功了 应该跳回到对应的页面
                // 如果是直接打开登录页面，登录成功了 跳到首页
                let url = localStorage.getItem('url');
                // localStorage.removeItem('url');
                location.href = url ? url : '../360login.html';
            } else {
                loginUser.value = "";
                loginPass.value = "";
                alert("不存在该用户")
            }
        });
    }

    //注册的
    // registForm.onsubmit = function (e) {
    //     e = e || window.event;
    //     e.returnValue = false;

    //     ajax({
    //         url: "../api/regist.php",
    //         type: "get",
    //         data: {
    //             username: registUser.value,
    //             password: registPass.value,
    //         },
    //         success: function (res) {
    //             console.log(res);
    //         }
    //     });
    //     registUser.value = "";
    //     registPass.value = "";
    //     alert("注册成功")
    // };
    // jQuery.validator.addMethod(
    //     "userTest",
    //     function (value) {
    //         // 用户名正则验证：
    //         // 由 数字 字母组成
    //         // value 就是需要验证这个输入框的内容
    //         let reg = /^[0-9a-z]{5,10}$/i; //正则
    //         if (reg.test(value)) { //判断正则
    //             return true;
    //         }
    //         return false;
    //     },
    //     "请输入正确的用户名，要求是由数字或字母组成5到10位数"
    // );
    // jQuery.validator.addMethod(
    //     "passwordTest",
    //     function (value) {
    //         let reg = /^[0-9a-z]{5,10}$/i; //正则
    //         if (reg.test(value)) { //判断正则
    //             return true;
    //         }
    //         return false;
    //     },
    //     "请输入正确的密码，要求是由数字或字母组成5到10位数"
    // );

    // $("#form").validate({ //ok
    //     rules: {
    //         username: {
    //             required: true,
    //             userTest: true
    //         },
    //         password: {
    //             required: true,
    //             passwordTest: true,
    //         },
    //     },
    //     messages: {
    //         username: {
    //             required: "用户名是必填项",
    //         },
    //         password: {
    //             required: "密码是必填",
    //         },
    //     },
    // })


    jQuery.validator.addMethod(
        "userTest",
        function (value) {
            // 用户名正则验证：
            // 由 数字 字母组成
            // value 就是需要验证这个输入框的内容
            let reg = /^[0-9a-z]{5,10}$/i; //正则
            if (reg.test(value)) { //判断正则
                return true;
            }
            return false;
        },
        "请输入正确的用户名，要求是由数字或字母组成5到10位数"
    );
    jQuery.validator.addMethod(
        "passwordTest",
        function (value) {
            let reg = /^[0-9a-z]{5,10}$/i; //正则
            if (reg.test(value)) { //判断正则
                return true;
            }
            return false;
        },
        "请输入正确的密码，要求是由数字或字母组成5到10位数"
    );

    $("#form").validate({ //ok
        rules: {
            username: {
                required: true,
                userTest: true
            },
            password: {
                required: true,
                passwordTest: true,
            },
        },
        messages: {
            username: {
                required: "用户名是必填项",
            },
            password: {
                required: "密码是必填",
            },
        },
    })
}
//登录注册的正则验证